// 进度条的显示功能
// 不显示转圈的效果
NProgress.configure({
	showSpinner: false
});
// 1.ajax请求开始的时候把进度条显示
$(window).ajaxStart(function() {
	NProgress.start();
});
// 2.ajax请求结束的时候完成
$(window).ajaxStart(function() {
	NProgress.done();
});

// 做侧边栏的显示与隐藏
$('.link_left').on('click', function() {
	$('.aside_left').toggle();
	$('section').toggleClass('left');
});

// 分类菜单的下拉和隐藏
$('[href="javascript:;"]').on('click', function() {
	$(this).siblings('.child').slideToggle();
});

// 退出功能
$('.link_right').on('click', function() {
	// 模态框设置
	var logoutModal = `<div class="modal fade" id="logoutModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title text-center">温馨提示</h4>
        </div>
        <div class="modal-body">
        <p class="text-danger"><span class="glyphicon glyphicon-info-sign"></span> 您确定要退出后台管理系统吗？</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>
  </div>`;
	// 把模态框添加到页面中
	$('body').append(logoutModal);
	//   让模态框显示到页面中
    $('#logoutModal').modal('show');
    // 点击按钮时进行退出
    // 防止多次绑定
    $('#logoutModal').off('click','.btn-primary').on('click','.btn-primary',function(){
        // 发送ajax的请求
        $.ajax({
            type:'get',
            url:'/employee/employeeLogout',
            data:{},
            dataType:'json',
            success:function(data){
                if(data.success){
                    location.href = 'login.html'
                }
            }
        })
    })
});
